<!-- 
会员注册页面
8.生日
9.个人简介
-->

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>会员注册页面</title>
	<style type="text/css">
		body{
			background-color: #BEBEBE; /* 网页背景颜色*/
		}
		.enen{
			position: absolute;
			top: 5%;
			left: 35%;
		}
		/* 表单块元素 */
		.haha{
			margin-top: 30px;
			color: #000000;
		    background-color: #FFFFFF;
		    width: 400px;
		    height: 520px;
		    padding: 30px;
		    padding-left: 60px;
		}
		div span{
			display: inline-block;
			width: 80px;
			text-align: right;
			margin-right: 20px; 
		}
		h1{
			text-align: center;  /* H1标题居中 */
		}
		/* 输入框*/
		.inp{
			height: 28px;
			width: 220px;
		}
	</style>
</head>
<body>
	<div class="enen">
		<h1>会员注册</h1>
		<div class="haha">
			<form action="123.html" method="post">
				<p>
					<span>用户名</span>
					<input class="inp" type="text" name="username">
				</p>
				
				<p>
					<span>密码</span>
					<input class="inp" type="password" name="password">
				</p>
				<p>
					<span>重复密码</span>
					<input class="inp" type="password" name="password2">
				</p>
				<p>
					<span>性别</span>
					<input type="radio" name="sex" value="0" style="height: 15px;">男
					<input type="radio" name="sex" value="1" style="height: 15px;">女
				</p>
				<p>
					<span>真实姓名</span>
					<input class="inp" type="password" name="password2">
				</p>
				<p>
					<span>手机号码</span>
					<input class="inp" type="password" name="password2">
				</p>
				<p>
					<span>学历</span>
					<select name="xl" style="height: 30px; width: 100px;">
						<option value="1">初中</option>
						<option value="2">高中</option>
						<option value="3">大专</option>
						<option value="4">本科</option>
						<option value="5">研究生</option>
					</select>
				</p>
				<p>
					<span>你的生日</span>
					<input type="date" name="birthday">
				</p>
				</p>
					<span>个人简介</span>
					<textarea name="contents" style="height: 90px; width: 220px"></textarea>
				</p>
				<p>
					<input type="submit" value="确定注册" style="margin-left:40%;height:30px;width:100px;background-color: #BEBEBE">
					<input type="reset" value="重置表单" style="margin-left:10px;height:30px;width:100px;background-color: #BEBEBE">
				</p>
			</form>
		</div>
	</div>
</body>
</html>